<!DOCTYPE html>
<html>
<head>
    <title>{$eju.field.seo_title}</title>
    <meta name="renderer" content="webkit" />
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=0,minimal-ui" />
    <meta name="description" content="{$eju.field.seo_description}" />
    <meta name="keywords" content="{$eju.field.seo_keywords}" />
    <link href="{eju:global name='web_cmspath' /}/favicon.ico" rel="shortcut icon" type="image/x-icon" />
    {eju:static file="skin/css/iconfont.css" /}
    {eju:static file="skin/css/amazeui.min.css" /}
    {eju:static file="skin/css/aflist.css" /}
    {eju:static file="skin/css/mobile2.css" /}

    {eju:static file="skin/js/jquery.min.js" /}
    {eju:static file="skin/js/amazeui.min.js" /}
    {eju:static file="skin/js/iscroll.js" /}
    {eju:static file="skin/js/swiper-3.4.2.jquery.min.js" /}
    {eju:static file="skin/js/amazeui.lazyload.min.js" /}

</head>
<body>
{eju:include file="header.htm"/}
<section class="af-sx">
    <div class="search-wrap" id="afsearch">
        <div class="search-text"> <i class="icon-search iconfont"></i>
            <input class="text" type="text" name="keyword" value="" placeholder="输入楼盘名称开始找房">
        </div>
    </div>
    {eju:screening id='field' typeid='1' addfields="province_id,city_id,average_price,characteristic" currentstyle='on' show='2' alltxt='不限' opencity='2'}
        <div class="af-sx-body">
            {eju:volist name='$field.list' id='vo'}
            <a class="act" name="af-tab{$e}" href="#">
                <span class="ellips">{$vo.title}</span>
                <i class="icon"></i>
            </a>
            {/eju:volist}
        </div>
        {eju:volist name='$field.list' id='vo'}
        <div class="af-sx-list af-tab{$e}" style="display: none;">
            <div class="af-sx-content">
                <div class="slide-body sx-child">
                    <div class="slide-sct">
                        {eju:volist name='$vo.dfvalue' id='vo2'}
                        <li><a {$vo2.onClick} class="act {$vo2.currentstyle}">{$vo2.name}</a></li>
                        {/eju:volist}
                    </div>
                </div>
            </div>
        </div>
        {/eju:volist}
        {$field.hidden}
    {/eju:screening}
</section>
{eju:include file="search.htm"/}
<div id="wrapper">
    <div class="af-lp-list">
        <ul class="am-list" id="lists0003" data-total="100">
        {eju:arclist tagid="lists0003" row='10' key='n' titlelen='30' infolen='160' orderby='new' id="field"}
            <li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-right pet_list_one_block">
                <a href="{$field.arcurl}">
                    <div class="am-u-sm-4 newhouse-pic">
                        <img data-original="{$field.litpic}" src="{$field.litpic}" class="newhouse-img lazy">
                    </div>
                    <div class=" am-u-sm-8 am-list-main newhouse-info ">
                        <p class="newhouse-name">{$field.title}</p>
                        <p class="newhouse-dz">[{$field.province_id|get_province_name}-{$field.city_id|get_city_name}] {$field.address}</p>
                        <p class="newhouse-hx">户型：
                          {eju:arcview aid="$field.aid" huxing="on" id="view"}
                            {eju:volist name="$view.huxing_list" id="vo"}
                              {$vo.huxing_room}室(建面{$vo.huxing_area}㎡)
                            {/eju:volist}
                          {/eju:arcview}
                        </p>
                        <p class="newhouse-jg"> <em>均价：</em>{eju:notempty name="$field.average_price"}{$field.average_price}{$field.price_units}{eju:else /}暂无{/eju:notempty}  </p>
                    </div>
                </a>
            </li>
            {eju:eq name='$n' value='5'}
                {eju:ad aid='9'}
                <li class="list_gg">
                    <a href="{$field.links}">
                        <img src="{$field.litpic}">
                    </a>
                </li>
                {/eju:ad}
            {/eju:eq}
            {eju:eq name='$n' value='11'}
                {eju:ad aid='10'}
                <li class="list_gg">
                    <a href="{$field.links}">
                        <img src="{$field.litpic}">
                    </a>
                </li>
                {/eju:ad}
            {/eju:eq}
            {eju:eq name='$n' value='16'}
                {eju:ad aid='11'}
                <li class="list_gg">
                    <a href="{$field.links}">
                        <img src="{$field.litpic}">
                    </a>
                </li>
                {/eju:ad}
            {/eju:eq}
        {/eju:arclist}
        </ul>
        {eju:arcpagelist row='10' tagid='lists0003' tips='数据加载完成'}
        <p id="loading-alt"><a href="javascript:void(0);" {$field.onclick}>点击加载更多</a></p>
        {/eju:arcpagelist}
    </div>
</div>
<div class="mask"></div>
<div class="am-icon-btn am-icon-arrow-up" data-am-smooth-scroll="" style="position:fixed;bottom:2rem;right: 0px;"></div>

<script type="text/javascript" >
    $(function() {
        $("img.lazy").lazyload();
        // 搜索弹出
        $("input.text").focus(function(){
            $(".search_cont").css("display","block")
            $("html,body").addClass("noscroll");
        });
        $(".search_back").click(function(){
            $(".search_cont").css("display","none")
            $("html,body").removeClass("noscroll");
        });

        $(".af-sx-body a").click(function() {
            if( $(".af-sx-body a").eq($(this).index()).hasClass("cur")){
                $(".af-sx-body a").eq($(this).index()).removeClass('cur');
                $(".af-sx-list").eq($(this).index()).toggle().siblings(".af-sx-list").hide();
            }else{
                $(".af-sx-body a").eq($(this).index()).addClass("cur").siblings().removeClass('cur');
                $(".af-sx-list").eq($(this).index()).toggle().siblings(".af-sx-list").hide();
            }
            var display =$('.af-sx-list').eq($(this).index()).css('display');
            if(display == 'flex'){
                $(".mask").show();
                $("html,body").addClass("noscroll");
            }else{
                $(".mask").hide();
                $("html,body").removeClass("noscroll");
            }

        });
        $(".mask").click(function() {
            $(".af-sx-body a").removeClass('cur');
            $(".af-sx-list,.mask").hide();
            $("html,body").removeClass("noscroll");
        });
        $(".slide-sct a").click(function() {
            //$(this).addClass("on").siblings().removeClass('on');
            //$(".af-sx-list").hide();
            $(".slide-sct a").eq($(this).index()).addClass("on").siblings().removeClass('on');
            $(this).find("cur").text($(".slide-sct a").eq($(this).index()).text());
        });

    });
</script>

<!--列表数据加载-->
{eju:static file="skin/js/laytpl.js" /}
<script>
    $(function() {
        //屏幕滑动促发事件
        $(window).scroll(function() {

        });
    });
    function subDo(){
        $("#search_form").submit();
    }
</script>
</body>
</html>
